<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/taglibs.jsp"%>
<html>
<head>
<script type="text/javascript"
	src="${ctx}/res/js/userManagement/viewPersonalInfo.js"></script>
<script>
var tabIndex = <%=request.getParameter("tabIndex")%>;
$(function()
		{
			if('${PASSWORD_CHANGE}'=='yes'){
				$("#mainContainer").hide();
				openAlert("为保证账户安全，初始密码需要进行修改",function(){
		});	}})
</script>
</head>
<body>
	<br>

	<div id="tabs" style="border: 1px solid #506AFB">
		<ul style="background: #506AFB;">
			<li id="tab1" style="background: #f9f9f9;"><a href="#tabs-1">个人信息</a></li>
			<li id="tab2" style="background: #f9f9f9;"><a href="#tabs-2">修改密码</a></li>
		</ul>

		<!-- 问卷信息tab -->
		<div id="tabs-1">
			<div id="form_data1" class="form_data">
				<form id="userForm1">
					<center>
						<!-- 显示用户信息 -->
						<table>
							<!-- 显示用户名、状态 -->
							<tr>
								<td class="td_for_label">USER.USERNAME</td>

								<td class="td_for_input"><%=session.getAttribute("SESSION_USERNAME")%>
								</td>
							</tr>

							<!-- 显示密码、部门名 -->
							<tr>
								<td class="td_for_label">USER.DEPT_NAME</td>
								<td class="td_for_input">${user.dept_name }</td>
							</tr>

							<!-- 显示用户中文名、角色 -->
							<tr>
								<td class="td_for_label">USER.CN_NAME<span
									style="color: red">&nbsp;*</span>
								</td>
								<td class="td_for_input"><input type="text" id="cn_name"
									name="cn_name" value="${user.cn_name }" maxlength="32" required></td>
							</tr>

							<!-- 显示用户邮箱 -->
							<tr>
								<td class="td_for_label">USER.EMAIL<span style="color: red">&nbsp;*</span>
								</td>
								<td class="td_for_input"><input type="text" id="email"
									name="email" value="${user.email }" maxlength="32" required></td>
							</tr>

							<!-- 显示用户号码 -->
							<tr>
								<td class="td_for_label">USER.EMP_CODE<span
									style="color: red">&nbsp;*</span>
								</td>
								<td class="td_for_input"><input type="text" id="emp_code"
									name="emp_code" value="${user.emp_code }" maxlength="32"
									required></td>
							</tr>

							<!-- 按键显示 -->
							<tr>
								<td style="text-align: center; padding: 10px;" colspan="4">
									<div id="btnSubmit1" class="toolButton">提交</div>
									<div id="btnCancel1" class="toolButton">取消</div>
								</td>
							</tr>
						</table>
					</center>
				</form>
			</div>
		</div>

		<div id="tabs-2">
			<div id="form_data2" class="form_data">
				<form id="userForm2">
					<center>
						<!-- 显示用户信息 -->
						<table>
							<!-- 显示用户名、状态 -->
							<tr>
								<td class="td_for_label">USER.PASSWORD_OLD</td>

								<td class="td_for_input"><input type="password"
									id="pwd_old" name="pwd_old" value="" required maxlength="32" placeholder="请输入当前密码">
								</td>
							</tr>

							<tr>
								<td class="td_for_label">USER.PASSWORD_NEW</td>

								<td class="td_for_input"><input type="password"
									id="pwd_new" name="pwd_new" value="" required maxlength="32"  placeholder="请输入新密码">
								</td>
							</tr>

							<tr>
								<td class="td_for_label">USER.PASSWORD_NEW_REPEAT</td>

								<td class="td_for_input"><input type="password"
									id="pwd_new2" name="pwd_new2" value="" required maxlength="32"  placeholder="请再次输入新密码">
								</td>
							</tr>
							<!-- 按键显示 -->
							<tr>
								<td style="text-align: center; padding: 10px;" colspan="4">
									<div id="btnSubmit2" class="toolButton">提交</div>
									<div id="btnCancel2" class="toolButton">取消</div>
								</td>
							</tr>
						</table>
					</center>
				</form>
			</div>

		</div>
	</div>

</body>
</html>